<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Administrator - The Official How To Rap Manual</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Learn How to Rap - The Official How To Rap Manual">
    <meta name="author" content="Learn How to Rap - The Official How To Rap Manual">

    <!-- Le styles -->
    <link href="stylesheets/how2rap-style.css" rel="stylesheet">
    <link href="stylesheets/how2rap-style-responsive.css" rel="stylesheet">
    <link href="stylesheets/general.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/ico/favicon.png">

  </head>

  <body data-spy="scroll" data-target=".subnav" data-offset="50" class="bg-top-gray">

  <!-- Navbar -->
    <div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<div class="r1-wraper">
					<div class="r2-wrap">
						<p><i class="icon-user icon-white"></i> Administrator</p>
						<a href=""><i class="icon-login"></i> Log out</a>
					</div>
					<div class="notice">
						you have <span class="label label-warning">5</span> notifications
					</div>
				</div>
				<button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="brand" href=""><img class="lgdmn" src="images/logo-admin.png" width="197" height="39"/></a>
				<div class="nav-collapse collapse pull-right">
					<ul class="nav">
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">Article <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li class="divider"></li>
								<li class="nav-header">Nav header</li>
								<li><a href="#">Separated link</a></li>
								<li><a href="#">One more separated link</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="">
							<a href="">Book</a>
						</li>
						<li class="divider-vertical"></li>
						<li class="">
							<a href="">Forum</a>
						</li>
						<li class="divider-vertical"></li>
						<li class="">
							<a href="">Product</a>
						</li>
						<li class="divider-vertical"></li>
						<li class="">
							<a href="">Testimony</a>
						</li>
						<li class="divider-vertical"></li>
						<li class="">
							<a href="">Widget</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
    </div>
	
    <div class="container mgtop">
		<div class="row">
			<div class="span9">
				<div class="ct">
					<h3>Welcome to HOW2RAP control panel</h3>
					<div class="ad-wraper">
						<p>Please open a ticket below to contact us.  We will get back to you at our earliest convenience.  You can also reach us <a href="">here</a>.</p>
						<p>You may also want to check out our <b>FAQ</b>.</p>
						
						<form class="form-horizontal">
							<fieldset>
								<div class="control-group">
									<label for="input01" class="control-label">Subject</label>
									<div class="controls">
										<input type="text" id="input01" class="inpstyle input-xlarge">
									</div>
								</div>
								<div class="control-group">
									<label for="input01" class="control-label">inpunt image</label>
									<div class="controls">
										<input type="file" id="fileInput" class="input-file">
									</div>
								</div>
								<div class="control-group">
									<label for="input01" class="control-label">Name</label>
									<div class="controls">
										<input type="text" id="input01" class="inpstyle input-xlarge">
									</div>
								</div>
								<div class="control-group">
									<label for="input01" class="control-label">Email</label>
									<div class="controls">
										<input type="text" id="input01" class="inpstyle input-xlarge">
									</div>
								</div>
								<div class="control-group">
									<label for="input01" class="control-label">Are You A Real Person? </label>
									<div class="controls">
										<img src="images/captcha.png" width="120" height="40"/>
										<input type="text" placeholder="code here..." id="input01" class="inpstyle cdgn wdcs input-xlarge">
									</div>
								</div>
								<div class="control-group">
									<label for="input01" class="control-label">Message</label>
									<div class="controls">
										<textarea rows="3" id="textarea" class="txasty"></textarea>
									</div>
								</div>
								<div class="control-group">
									<div class="controls">
										<button href="#" class="btn btn-inverse btn-large"><i class="icon-ok icon-white"></i> Submit</button>
									</div>
								</div>
							</fieldset>
						</form>
						
						<table class="table table-bordered table-striped">
							<thead>
								<tr>
									<th style="width: 100px;">check</th>
									<th style="width: 100px;">Name</th>
									<th style="width: 50px;">type</th>
									<th style="width: 50px;">default</th>
									<th>description</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><input type="checkbox"></td>
									<td>parent</td>
									<td>selector</td>
									<td>false</td>
									<td>If selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior)</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>toggle</td>
									<td>boolean</td>
									<td>true</td>
									<td>Toggles the collapsible element on invocation</td>
								</tr>
							</tbody>
						</table>
						
					</div>
				</div>
			</div>
			<div class="span3">
				<div class="ct">
					<div id="accordion2" class="accordion">
						<div class="accordion-group">
						  <div class="accordion-heading">
							<a href="#collapseOne" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
							  Widget 1
							</a>
						  </div>
						  <div class="accordion-body collapse" id="collapseOne" style="height: 0px;">
							<div class="accordion-inner">
							  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
							</div>
						  </div>
						</div>
						<div class="accordion-group">
						  <div class="accordion-heading">
							<a href="#collapseTwo" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
							  Widget 2
							</a>
						  </div>
						  <div class="accordion-body in collapse" id="collapseTwo" style="height: auto;">
							<div class="accordion-inner">
							  <ol>
								<li><a href="">Lorem ipsum...</a></li>
								<li><a href="">Lorem ipsum...</a></li>
								<li><a href="">Lorem ipsum...</a></li>
								<li><a href="">Lorem ipsum...</a></li>
								<li><a href="">Lorem ipsum...</a></li>
							  </ol>
							</div>
						  </div>
						</div>
						<div class="accordion-group">
						  <div class="accordion-heading">
							<a href="#collapseThree" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
							  Widget 3
							</a>
						  </div>
						  <div class="accordion-body collapse" id="collapseThree">
							<div class="accordion-inner">
							  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
							</div>
						  </div>
						</div>
					</div>
				</div>
			</div>
		</div>
    </div>
	
	<footer class="footer">
		<div class="lastbottom">
			<div class="container tc">
				<b>Copyright (c) 2012 How2rap.com All Rights Reserved.</b> <br /> No portions of this site may be duplicated or distributed in any form or by any means, or stored in a<br />database or retrieval system, without the prior written permission of Rojamar, Inc. 
			</div>
		</div>
	</footer>


    <!-- javascripts code -->
    <script src="javascripts/jquery.js"></script>
    <script src="javascripts/bootstrap.js"></script>
    <script src="javascripts/bootstrap.min.js"></script>
    <script src="javascripts/library.js"></script>


  </body>
</html>
